@use '../../../styles/variables.scss' as *;

.wmc-basic-table {
  width: 100%;

  .el-table {
    --el-table-border-color: var(--wmc-border-color);
    --el-table-header-bg-color: var(--wmc-bg-color-page);
    --el-table-row-hover-bg-color: var(--wmc-bg-color-page);
    
    th {
      font-weight: 600;
      color: var(--wmc-text-color);
      background-color: var(--wmc-bg-color-page);
    }

    td {
      color: var(--wmc-text-color-secondary);
    }
  }

  .pagination-container {
    margin-top: var(--wmc-spacing-large);
    padding: var(--wmc-spacing-base);
    background-color: var(--wmc-bg-color);
    border-radius: var(--wmc-border-radius-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

    .el-pagination {
      justify-content: flex-end;
      
      .el-pagination__total {
        margin-right: var(--wmc-spacing-large);
      }

      .el-pagination__sizes {
        margin-right: var(--wmc-spacing-large);
      }
    }
  }
} 